@charset "UTF_8";
.hrefContainer{
    width: 7.5rem;
    padding: 0 .4rem;
    margin: .2rem 0;
    background: #fff;
}
.hrefContainer li{
    height: 1rem;
    line-height: 1rem;
    display: flex;
		justify-content: space-between;
		display: none;
}
.hrefContainer li:nth-child(1){
    border-bottom:1px solid #F4F5F8;
}
.rightArrow{
    width: .16rem;
    height: .28rem;
    margin-top: .3rem;
}
.level{
    background: #fff;
    margin-bottom: .2rem;
}
.title{
width: 7.5rem;
height:1rem;
background:rgba(239, 242, 255, 1);
color: #39467D;
line-height: 1rem;
}
.title img{
    width: .4rem;
    height: .32rem;
    margin: .27rem .1rem 0 .36rem;
}
.info {
    padding: .36rem 0 0 .4rem;
    display: flex;
    color: #202125;
}

.infoTit{
    color: #202125;
    text-align:justify;
}
.infoTit i{
    display: inline-block;
    width: .08rem;
    height: .08rem;
    background: #202125;
    vertical-align: top;
    margin-top: .15rem;
    margin-right: .1rem;
}
.infoTit b{
        display: inline-block;
        transform: translateY(-.35rem);
}
.desc{
     white-space: pre-wrap;
     word-wrap: break-word;
     text-align: left;
     line-height: .4rem;
	 width:4.8rem;
}
.justify {
    display: inline-block;
    text-align: justify;
    width: 1.5rem;
}

.justify:after {
    content: "";
    padding-left: 100%;
    display: inline-block;
}

.info2,.info2 .infoTit{
    color: #39467D;
}
.info2 i{
    background: #39467D;
}
.level2 .title,
.level2 .info2,
.level2 .info2 .infoTit {
    color: #FF751C;
}
.level2 .info2 i {
    background: #A4772B;
}
.level3 .title,
.level3 .info2,
.level3 .info2 .infoTit {
    color: #FFA817;
}
.level3 .info2 i {
    background: #FF751C;
}
.pop{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.shadow{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.fillInvite{
    width: 6.6rem;
    /* height: 5.4rem; */
    background: #fff;
    position: fixed;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    padding-bottom: .6rem;
    display: none;
}
.fillInvite .title{
    width:6.6rem;
    background:rgba(239, 239, 239, 1);
    line-height: .9rem;
    text-align: center;
    color: #414141;
}
.fillForm{
    padding:0 .5rem ;
    margin-top: .6rem;
    color: #393939;
}
.fillForm input{
    display: block;
    width:5.6rem;
    height:.8rem;
    border:1px solid rgba(169, 169, 169, 1);
    color: #D1D1D1;
    padding-left: .32rem;
    line-height: .8rem;
    margin-top: .24rem;
    font-size: .32rem;
}
::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #D1D1D1;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #D1D1D1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #D1D1D1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #D1D1D1;
}
.buttonCon{
    margin-top: 1.1rem;
    display: flex;
    justify-content: space-between;
}
.buttonCon button{
    display: block;
    width:2.6rem;
    height:.72rem;
    border-radius:.08rem;
    border:1px solid rgba(77, 121, 254, 1);
    color: #4D79FE;
    text-align: center;
    line-height: .72rem;
    background: none;
}
.buttonCon button.submit{
    background: #4D79FE;
    color: #fff;
}
.fillInvite .fillForm  p:nth-child(3){
    margin-top: .42rem;
}
.upInvite .buttonCon{
    display: none;
}